<!DOCTYPE html>
<html>
<!-- 作者：霍珊珊 -->
  <head>
    <meta charset="UTF-8">
    <title>团队排行榜</title>
    <link rel="stylesheet" href="css/bootstrap.min.css" />
    <script type="text/javascript" src="js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="./layui/css/layui.css">
    <link rel="stylesheet" href="./css/mycss/TeamRank.css">
  </head>

  <body>
    <div class="right">
      <div class="search">
        <button class="layui-btn">导出排名</button>
        <input type="text" class="form-control search-input" placeholder="请输入" />
      </div>
      <div class="per-rank">
        <div class="per-rank-title">
          <i>团队排行榜</i>
        </div>
        <div class="per-rank-con">
          <ul class="per-rank-con-ul">
            <li class="per-rank-con-li">
              <div class="avaters">
                <img class="avater1" src="./img/timg.jpg"></img>
                <img class="avater2" src="./img/timg.jpg"></img>
                <img class="avater3" src="./img/timg.jpg"></img>
              </div>
              <div class="name-score-leader">
                <span class="name">团队1</span>
                <span class="leader">林晓辉组长</span>
                <span class="score">90.00分</span>
              </div>
              <div class="zhan-kai">></div>
              <div class="rankNO1">
                <i>NO.1</i>
              </div>
              <div class="name-list">
                <ul class="name-list-ul">
                  <li class="name-list-li">
                    <span class="dot-leader"></span>
                    <span>林晓辉</span>
                    <span class="pho">15865489123</span>
                  </li>
                  <li class="name-list-li">
                    <span class="dot"></span>
                    <span>温锋</span>
                    <span class="pho">17752685456</span>
                  </li>
                  <li class="name-list-li">
                    <span class="dot"></span>
                    <span>王悦</span>
                    <span class="pho">18562354568</span>
                  </li>
                  <li class="name-list-li">
                    <span class="dot"></span>
                    <span>王明灿</span>
                    <span class="pho">13325869546</span>
                  </li>
                </ul>
              </div>
            </li>
            <li class="per-rank-con-li">
              <div class="avaters">
                <img class="avater1" src="./img/timg.jpg"></img>
                <img class="avater2" src="./img/timg.jpg"></img>
                <img class="avater3" src="./img/timg.jpg"></img>
              </div>
              <div class="name-score-leader">
                <span class="name">团队2</span>
                <span class="leader">朱苏州组长</span>
                <span class="score">87.00分</span>
              </div>
              <div class="zhan-kai">></div>
              <div class="rankNO2">
                <i>NO.2</i>
              </div>
            </li>
            <li class="per-rank-con-li">
                <div class="avaters">
                    <img class="avater1" src="./img/timg.jpg"></img>
                    <img class="avater2" src="./img/timg.jpg"></img>
                    <img class="avater3" src="./img/timg.jpg"></img>
                  </div>
              <div class="name-score-leader">
                <span class="name">团队3</span>
                <span class="leader">陈欣组长</span>
                <span class="score">75.00分</span>
              </div>
              <div class="zhan-kai">></div>
              <div class="rankNO3">
                <i>NO.3</i>
              </div>
            </li>
            <li class="per-rank-con-li">
                <div class="avaters">
                    <img class="avater1" src="./img/timg.jpg"></img>
                    <img class="avater2" src="./img/timg.jpg"></img>
                    <img class="avater3" src="./img/timg.jpg"></img>
                  </div>
              <div class="name-score-leader">
                <span class="name">团队4</span>
                <span class="leader">王炳成组长</span>
                <span class="score">73.00分</span>
              </div>
              <div class="zhan-kai">></div>
              <div class="rankNO4">
                <i>NO.4</i>
              </div>
            </li>
            <li class="per-rank-con-li">
                <div class="avaters">
                    <img class="avater1" src="./img/timg.jpg"></img>
                    <img class="avater2" src="./img/timg.jpg"></img>
                    <img class="avater3" src="./img/timg.jpg"></img>
                  </div>
              <div class="name-score-leader">
                <span class="name">团队5</span>
                <span class="leader">陈欣组长</span>
                <span class="score">73.00分</span>
              </div>
              <div class="zhan-kai">></div>
              <div class="rankNO4">
                <i>NO.5</i>
              </div>
            </li>
            <li class="per-rank-con-li">
                <div class="avaters">
                    <img class="avater1" src="./img/timg.jpg"></img>
                    <img class="avater2" src="./img/timg.jpg"></img>
                    <img class="avater3" src="./img/timg.jpg"></img>
                  </div>
              <div class="name-score-leader">
                <span class="name">团队6</span>
                <span class="leader">陈欣组长</span>
                <span class="score">73.00分</span>
              </div>
              <div class="zhan-kai">></div>
              <div class="rankNO4">
                <i>NO.6</i>
              </div>
            </li>
          </ul>
        </div>
      </div>
      <div class="fanye-left"><</div>
      <div class="fanye-right">></div>
      <div class="page">分页</div>
    </div>
  </body>

</html>